<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>登录 | 美团网</title>
  <link rel="icon" href="../images/index-img/网站导航/meituan.png" />
  <link rel="stylesheet" href="../font/login/iconfont.css" />
  <link rel="stylesheet" href="../css/common.css" />
  <link rel="stylesheet" href="../css/login.css" />
</head>

<body>
  <div class="mt">
    <div class="mt-header">
      <a href="https://kunshan.meituan.com/">
        <div class="logo">美团</div>
        <div class="content">美团</div>
      </a>
    </div>
    <div class="mt-body">
      <div class="mt-bodyContent">
        <img src="../images/login.jpg" alt="图片走丢了" />
        <div class="mt-input">
          <div class="input-null"></div>
          <div class="login-type">
            <span>账号登录</span>
            <a href="#"><span>手机动态码登录<i class="iconfont">&#xe633;</i></span></a>
          </div>
          <div class="phone">
            <span class="country-area">+86 ></span>
            <input type="text" placeholder="手机号" maxlength="15" name="phoneNumber" class="phone-input" />
          </div>
          <div class="password">
            <i class="iconfont icon-password">&#xe6a1;</i>
            <input type="password" placeholder="密码" name="password" class="password-input" />
          </div>
          <div class="forget-password">
            <a href="#" style="color: #fe8c00">忘记密码？</a>
          </div>
          <input type="submit" class="btn" name="commit" value="登录" />
          <p class="guide">还没有账号？<a href="#"><span>免费注册</span></a></p>
          <div class="title-wrapper">
            <hr />
            <span>用合作网站账号登录</span>
            <hr />
          </div>
          <div class="login-iconfont">
            <i class="iconfont icon-qq">&#xe79f;</i>
            <i class="iconfont icon-weiBo">&#xe619;</i>
          </div>
        </div>
      </div>
    </div>
    <div class="mt-footer">
      <div class="footer-content">
        <ul>
          <li><a href="#">关于美团</a><span>|</span></li>
          <li><a href="#">加入我们</a><span>|</span></li>
          <li><a href="#">商家入驻</a><span>|</span></li>
          <li><a href="#">帮助中心</a><span>|</span></li>
          <li><a href="#">美团手机版</a></li>
        </ul>
      </div>
      <div class="footer-end">
        <p>
          ©2020 美团网团购 meituan.com 京ICP证070791号
          京公网安备11010502025545号
        </p>
      </div>
    </div>
  </div>
  <script src="../js/common.js"></script>
  <script src="../js/login.js"></script>
</body>

</html>